		<div id="tabs" >
			<ul>
    			<li><a href="#tabs-2">SEARCH</a></li>
    			<li><a href="#tabs-1">FEATURED</a></li>
			</ul>
        	<div id="tabs-1" class="ui-widget-header ui-corner-tl" >
        			<h3 style="color:#52A9BA; font-size: 20px"> VATIKA CITY </h3>
				<image src="<?php echo$this->baseUrl()?>/images/companies/vatika.png" align="left" width="150" style="padding:5px;"/>
				<p style="text-align:justify; ">	Vatika City Central is a township covering 180 Acres in the heart of Ambala City. The township is located in Sec-23, opposite to the upcoming 
					Rajiv Gandhi Sports Complex and is also surrounded by premium sectors of the city. With close proximity to all the major...<br> <a class="more" href="<?php echo $this->baseUrl()?>/projectsinfo/vatika?param=featured">&not; MORE </a></p>
        	</div>
        	<div id="tabs-2" class="ui-widget-header ui-corner-tl " >
        			<form action="<?php echo $this->baseUrl()?>/search/result" method="get" id="PropertySearchForm" name="PropertySearchForm" style="line-height: 2em;">
            <div class="box-1">
                <label><input type="radio" checked="checked" value="" id="status" name="status"/> Buy </label>
                <label> <input type="radio" value="RENT" id="status" name="status"/> For Rent</label>
            </div>
            <div class="box-1">
              <select style="width: 130px;" id="category" class="selectInput" name="category">
                <option value="RES">Residential</option><option value="COM">Commercial</option></select>&nbsp;&nbsp;
              <select style="width: 120px;" id="type" name="type">
              	<option value="FLAT">Flat</option>
              	<option value="PLOT">Plot</option>
              	<option value="SHOP">Shop</option>
          		</select>&nbsp;&nbsp;
          		
          		<label for="city_select" >City:</label>&nbsp;
          		<select id="city_select" tabindex="1" name="city">
				</select>
				
            </div>
            <div align="left" style="padding-top: 5px;" class="box-1">
                  <input type="submit" value="Submit" />
            </div>
          </form>
          <!--<p><a class="more" href="#">&not; Advance Search</a></p>
        	--></div>
        </div>
		<div id="logo">
			<img src="<?php echo $this->baseUrl()?>/images/logo.png" alt="Logo" width="300"/>
		</div>
		<div class="clear"></div>
		
		<div id="left">
			<h2><a href=#> Associated Builders & Projects:</a></h2><br />
			<!-- This is the container for the carousel. -->
        <div id = "builders" style="width:100%; height:150px; overflow:scroll;">            
            <!-- All images with class of "cloudcarousel" will be turned into carousel items -->
            <!-- You can place links around these images -->
            
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/ansalapi"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/ansalapi.gif" alt="Ansal API " title="Ansal API" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/savitrygreens"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/savitrygreens.gif" alt="Savitry Greens" title="Savitry Greens" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/acropolis"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/acropolis.gif" alt="Acropolis" title="Acropolis" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/hamptonbp"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/hampton.gif" alt="Hampton" title="Hampton Businesss Park" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/avjheights"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/avjheights.gif" alt="AVJ Heights" title="AVJ Heights" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/mgfemaar"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/mgfemaar.gif" alt="MGF Emaar " title="MGF Emaar" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/unitech"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/unitech.gif" alt="Unitech" title="Unitech" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/vigneshwara"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/vigneshwara.gif" alt="Vigneshwara" title="Vigneshwara" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/mayagardens"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/mayaestate.gif" alt="Maya Gardens" title="Maya Gardens" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/shiwalik"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/shiwalik.gif" alt="Shiwalik" title="Shiwalik Group" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/goldensquare"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/goldensquare.gif" alt="Golden Sqaure" title="Golden Sqaure" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/vatika"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/vatika.gif" alt="Vatika" title="Vatika" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/dlf"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/dlf.gif" alt="DLF" title="DLf"  /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/omaxe"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/omaxe.gif" alt="Omaxe" title="Omaxe" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/orbit"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/orbit.gif" alt="Orbit" title="Orbit Apartments" /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/gbm"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/gbm.gif" alt="GBM" title="GBM"  /> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/sushmabuildtech"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/sushmabuildtech.gif" alt="Sushma Buildtech" title="Sushma Buildtech"/> </a>
            <a href="<?php echo $this->baseUrl()?>/projectsinfo/sandwood"> <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/companiesgif/sandwood.gif" alt="Sandwood Infratech" title="Sandwood Infratech" /> </a>
           
            
            
        </div>
			<p><a class="more" href="#">&not; MORE BUILDERS AND PROJECTS</a></p>
			<h2><a href=#> Associated Brands:</a></h2><br />		
			<!-- This is the container for the carousel. -->
        <div id = "brands" style="width:100%; height:150px;overflow:scroll;">            
            <!-- All images with class of "cloudcarousel" will be turned into carousel items -->
            <!-- You can place links around these images -->
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/beergarden.gif" alt="Beer Garden" title="Beer Garden" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/archies.gif" alt="Archies" title="Archies" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/golds.gif" alt="Golds Gym" title="Golds Gym" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/benetton.gif" alt="UBC" title="UBC" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/cityclub.gif" alt="City Club" title="City club" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/provogue.gif" alt="Provogue" title="Provogue" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/dominospizza.gif" alt="Dominos" title="Dominos" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/montecarlo.gif" alt="Monte Carlo" title="Monte Carlo" /> 
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/lee.gif" alt="Lee" title="Lee" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/reebok.gif" alt="Reebok" title="Reebok" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/levis.gif" alt="Levis" title="Levis" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/mcd.gif" alt="McDonalds" title="McDonalds" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/lotto.gif" alt="Lotto" title="Lotto" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/nike.gif" alt="Nike" title="Nike" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/numerouno.gif" alt="Numerouno" title="Numerouno" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/pizzahut.gif" alt="Pizzahut" title="Pizzahut" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/wrangler.gif" alt="Wrangler" title="Wrangler" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/sliceofitlay.gif" alt="Slice of Italy" title="Slice of Italy" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/uspizza.gif" alt="US Pizza" title="US Pizza" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/kfc.gif" alt="KFC" title="KFC" />
            <img class = "cloudcarousel" src="<?php echo $this->baseUrl()?>/images/brandsgif/vanheusen.gif" alt="Vanhusen" title="Vanhusen" />
        </div>
        <p><a class="more" href="#">&not; MORE BRANDS</a></p>
		
        </div>
		
			
			<div id="side">
				<div id="registerbox" align="center" class="ui-widget-header ui-corner-all"><a href="#" id="register">Become an agent.<br />Register Now</a></div>
				<div class="boxtop "></div>
				<div class="box">
					<h3>NEWS</h3>
					<a href="#">
					<span class="item">
						<span class="sidedate">4.5<br /><span>RATING</span></span>
						<strong>New project in Zirakpur</strong><br />Vatika is planning for new project.
					</span>
					</a>
					<a href="#">
					<span class="item">
						<span class="sidedate">5<br /><span>RATING</span></span>
						<strong>Jaguar Showroom</strong><br />Famous Jaguar needs space for showroom.
					</span>
					</a>
					<a href="#">
					<span class="item last">
						<span class="sidedate">3<br /><span>RATING</span></span>
						<strong>House for sell</strong><br />A 1000sq.ft. well furnished house for sell.
					</span>
					</a>
				</div>
				<div class="boxbottom"></div>
		</div>
		
		<div id="featured">
			<h2><a href=# style="border-bottom: 1px dotted #ACCADE; padding: 0 0 3px;">Featured Projects:</a></h2>
			<div id="f-left" class="featbox">
				<h3 style="color:#52A9BA; font-size: 20px"> VATIKA CITY </h3>
				<image src="<?php echo$this->baseUrl()?>/images/companies/vatika.png" align="left" width="150" style="padding:5px;"/>
				Vatika City Central is a township covering 180 Acres in the heart of Ambala City. The township is located in Sec-23, opposite to the upcoming Rajiv Gandhi Sports Complex and is also surrounded by premium sectors of the city. With close proximity to all the major...<br> <a class="more" href="<?php echo $this->baseUrl()?>/projectsinfo/vatika">&not; MORE </a>
			</div>&nbsp;
			<div id="f-center" class="featbox">
				<h3 style="color:#52A9BA; font-size: 20px"> UNIHOMES AMBALA </h3>
				<image src="<?php echo$this->baseUrl()?>/images/companies/unihomes.png" align="left" width="190" style="padding:5px;"/>
				Unitech Unihomes<b> "a place with surprisingly affordable homes for you" </b>is launched by Unitech Group. Unitech Unihomes residential appartments project is located at Sector 16, Ambala, Haryana. Unitech Unihomes offers 2 BHK & 3 BHK lowrise affordable...<br> <a class="more" href="<?php echo $this->baseUrl()?>/projectsinfo/unitech">&not; MORE </a>
			</div>&nbsp;
			<div id="f-right" class="featbox">
				<h3 style="color:#52A9BA; font-size: 20px"> SHIWALIK CITY </h3>
				<image src="<?php echo$this->baseUrl()?>/images/companies/shiwalik.png" align="left" width="170" style="padding:5px;"/>
				Shivalik city a wonderful township comprises of Shivalik Estates. Shivalik Villas,  Shivalik Towers, Shivalik Valley, Shivalik Shopping Plaza and Paradise Apartments. Shivalik city a fully developed township in Sector 127 of Mohali, sprawls...<br> <a class="more" href="<?php echo $this->baseUrl()?>/projectsinfo/shiwalik">&not; MORE </a>
			</div>&nbsp;
		</div>
		<br /><br /><br />
		<p id="ad" style="text-align:justify; margin-left:10px"><strong>Suryansh Group</strong> is one of the leading organizations that provides real estate solutions. We provide services for Original Bookings, Investments, Documentation, Transfers, Property survey and Sale-Purchase of Residential & Commercial Plots, Villas, Bungalows, Flats, Independent Floors, Offices, Shops etc in India.
Suryansh Group was formed with the sole purpose of providing professional and honest services to its valued customers. The customers can count on us for all, property related requirements whether small or big. <br />
At Suryansh Group acommitted management team anchors the company towards its goal and provides direction in diverse areas of business. Suryansh Group has served people since inception and is a multi-disciplined organization offering professional consultancy service. The Group offers a complete range of services on a local, regional, national & International basis focussed on providing creative solutions to the challenging real estate requirements of our corporate clients. </p>

<style type="text/css">
#featured{
	margin-left:10px;
	clear:both;
	width:100%;
	height:250px;
}

.featbox{
	width:320px;
	border:1px dotted #ACCADE; 
	text-align: justify;
	padding:5px;
	float:left;
	height:225px;
	margin-left:35px;
	margin-right:20px;
}

#register{
	font-size: 20px;
	color: #52A9BA;
}
</style>
<script>

var urlFillCity = "<? echo $this->url(array('controller' => 'search','action' => 'fillcity'))?>";
$(document).ready(function(){
	$( "#tabs" ).tabs({ fx: { opacity: 'toggle',duration:'slow',height: 'toggle' } });

	$.ajax({
        url : urlFillCity,
        dataType : 'json',
        data : {'format' : 'json' },
        success: function(jCities){
        	var selectOptionString = '<option value ="">Select one</option>';
			$.each(jCities, function (index, cities) {
				selectOptionString += '<option value ="'+cities.city+'">'+cities.city+'</option>';
			});
            $('#city_select').html(selectOptionString);
       },
       error: function(event) {
            alert(event.responseText);
       }
    });//End ajax call.
	
	// This initialises carousels on the container elements specified, in this case, carousel1.
	$("#builders").CloudCarousel(		
		{	reflHeight: 20,
			reflGap:2,		
			xPos:400,
			yPos:10,
			yRadius:30,
			xRadius:400,
			speed:0.15,				
			FPS:20,
			autoRotate: 'left',
			autoRotateDelay: 1400,
			speed:0.2,
			mouseWheel:true,
			bringToFront:true
		}
	);

	$("#brands").CloudCarousel(		
			{	reflHeight: 30,
				reflGap:2,		
				xPos:400,
				yPos:20,
				yRadius:40,
				xRadius:400,
				speed:0.15,				
				FPS:20,
				autoRotate: 'right',
				autoRotateDelay: 1200,
				speed:0.2,
				mouseWheel:true,
				bringToFront:true
			}
		);
});
function HomeEnquirySwitchText(enq_type, buy_type) {
	if(enq_type=="Buyer")
	{
		document.getElementById('Enquiry_Buyer').style.display='block';
		document.getElementById('ad_listing').style.display='none';
		 if(buy_type=="New Projects")
		 {
			 document.getElementById("HeaderEnquiryMsg").value='E.g. Want to Buy a 2 BHK, in Noida, Budget Rs. 2.8Cr.';
		 }
		 else if(buy_type=="Resale")
		 {
			 document.getElementById("HeaderEnquiryMsg").value='E.g. Want to Buy a 2 BHK, in Noida, Budget Rs. 2.8Cr.';
		 }
		 else if(buy_type=="Rent / Lease")
		 {
			 document.getElementById("HeaderEnquiryMsg").value='E.g. Need a 2 BHK for rent in Noida, Budget Rs. 15000';
		 }
		 
	}
	else if(enq_type=="Seller")
	{
		radObj=document.forms['HomeEnquiryForm'].elements['HeaderEnquiryBuyer'];
		radioLength=radObj.length;
		for(var i = 0; i < radioLength; i++) {
		radObj[i].checked=true;
		break;
		} 
		
		document.getElementById('Enquiry_Buyer').style.display='none';
		document.getElementById('ad_listing').style.display='block';
		document.getElementById("HeaderEnquiryMsg").value='E.g. 3 BHK for sale in Defence Colony, New Delhi, Rs. 2.8Cr.';
	}
}

</script>
<?php
$this->headLink()->appendStylesheet($this->baseUrl() . '/plugins/slimbox/slimbox2.css');
$this->headScript()->appendFile($this->baseUrl() . '/plugins/slimbox/slimbox2.js');
$this->headScript()->appendFile($this->baseUrl() . '/js/plugins/jquery.mousewheel.js');
$this->headScript()->appendFile($this->baseUrl() . '/js/plugins/cloud-carousel.1.0.5.min.js');
?>

